<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简单登录页面</title>
    <link rel="stylesheet" href="./登录.css">
    <style>
        span {
            color: red;
            display: none;

        }
    </style>
</head>

<body>
    <div class="box">
        <h1>登录页面</h2>
            <div class="input-box">
                <label>用户名</label>
                <input type="text" placeholder="至少2个中文汉字或4个字符">
                <span>请输入昵称</span>
            </div>

            <div class="input-box">
                <label>密码</label>
                <input type="password" placeholder="请输入六位数字母大小写">
                <span>请输入正确的格式</span>
            </div>


            <div class="input-box">
                <label>验证码</label>
                <input type="password" placeholder="请输入正确的验证码">
                <button class="but1">获取验证码</button>
                <span></span>
            </div>
            <div class="btn-box">
                <!-- <a href="javascript:void(0)">忘记密码?</a> -->
                <div>
                    <!-- <button>登录</button> -->
                    <button class="but">登录</button>
                    <br><span class="sp"></span>
                </div>
            </div>
            <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
            <script src="./登录.js"></script>
            <script>
            </script>
            <script>

            </script>
</body>

</html>